<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>css布局作业</title>

<link rel="stylesheet" href="css08.css">
</head>

<body>
<!--这是页面头部-->
<header id="header">
	<div class="box flex">
<!--这是logo-->
		<div class="logo">这是logo</div>
		<div class="top">
		<div class="nav">搜索栏</div>
		<div class="navbar">导航栏</div>
		</div>
		</div>
	</header>
<!--这是页面主体-->
	<main id="main">
<!--这是轮播图-->
	<div class="slideimg">轮播图</div>
<div class="box">
	<div class="news">
<!--新闻轮播-->
		<div class="img-newa">新闻图</div>
<!--新闻图-->
	    <div class="news-list">新闻列表</div>
<!--广告-->
		<div class="banner">广告</div>
<!--产品-->
		<div class="cp">产品</div>
<!--客服-->
		<div class="kefu">客服</div>
	   </div>
		</div>
	</main>
<!--页面底部-->
	<footer id="footer">
	<div class="youqing">友情链接</div>
<div class="box">
<!--底部logo-->
	<div class="footlogo">logo</div>
<!--版权-->
	<div class="copyright">版权</div>
</div>
	</footer>
</body>
</html>
